

/*HEADER***************************************************************************************/
#header{width:100%;
    background-color:#F0F0F0;
    background-repeat: repeat;
    border-bottom:1px solid #CCC;
    float:left;
    text-align: center;
    padding-top:14px;
    padding-bottom:14px;
    font-size:14px;
    color:gray;
    position:fixed;
    left:0px;
    top:0px;
    text-align: left;
    min-width:1024px;
    z-index: 100;
}
#header .logo{float:left;width: 250px;}
#header .logo img{max-width: 60px;max-height:60px;margin-top:5px;margin-left:60px;}
#header .search{border:1px solid #CCC;height:30px;float:left;background-color: #FFF}
#header .search .text{float:left;border:0px;height:30px;}
#header .search .text input{border:0px;height:28px;width:250px;   
    box-shadow: inset 0px 0px 2px #cfcfcf;
    -webkit-box-shadow: inset 0px 0px 2px #cfcfcf;
    -moz-box-shadow: inset 0px 0px 2px #cfcfcf;
}
#header .search .btn{float:left;background-color:#F9F9F9;height:30px;}
#header .search .btn input{height:30px;background: transparent;border:0px; color:#494949;font-weight:bold;}
#header .toolfast{float:left;padding-left:20px;}
#header .toolfast .btn{font-weight:bold;background-color:#F9F9F9;height:32px;border:1px solid #CCC;background-position: right;background-position-x:4px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.2);border-radius:3px;padding-left:15px;padding-right:15px;}
#header .control{float:right;margin-right:20px;margin-top:0px;margin-bottom:0px;}
#header .control li{display: inline;float:left !important;padding-right:2px;padding-top:5px;}
#header .control .setting{position: relative;margin-top:-4px;}
#header .control .setting .separate{border-bottom: 1px solid #CCC;padding-top:0px !important; padding-bottom:0px !important;}
#header .control .setting .popup{
    position:absolute;
    z-index:999;
    top:26px;
    left:-115px;
    min-width: 100px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:4px;
    padding-top:4px;
}
#header .control .setting .popup ul{
    border:1px solid #CCC;
    border-bottom:2px solid #CCC;
    min-width: 150px;
    -moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    background-color:#FFF;
    border-radius: 4px;
    padding-left:0px;
    padding-right:0px;
    float:left;
    width:100%;
}
#header .control .setting .popup ul li{padding-top:10px;padding-bottom: 10px;padding-left:0px;cursor: default;display:block;width:100%}
#header .control .setting .popup ul li a{padding-left:25px}
/*********************************************************************************************/

#toolbar{
    float:left;
    width:100%;
    background-color: transparent;
    margin-top: 62px;
    border-top:0px solid #CCC;
}

#toolbar .control{
    margin-left:250px;
    float:left;
}
#content{width:100%;float:left;background-color:#fff}
/*NAVIGATION***************************************************************************************/
#navigation{float:left;width:250px;font-size: 15px;position: fixed;padding-top:20px;}
#navigation .category{background-color:#FFF;margin-left:6px;padding:10px;width:200px;}
#navigation .category h3{border-bottom:1px solid #EBEBEB;padding-left:20px;padding-bottom:5px;margin-top: 0px;margin-bottom:10px;font-size:15px;background-image: url('../../icon/category_icon.png');background-repeat: no-repeat;}
#navigation .category ul{padding-left:20px;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;color:#ad9c9c}
#navigation .category ul li{padding:5px;}
#navigation .category h4{font-weight:normal;margin-bottom:0px;padding-bottom:0px;border-bottom:1px solid #EBEBEB;padding-bottom:10px;background-image: url('../../icon/trash_icon.png');background-repeat: no-repeat;padding-left:20px}

#navigation .other{background-color:#FFF;margin-left:6px;padding:10px;width:200px;}
#navigation .other h4{margin:0px;padding-top:0px;padding-bottom:0px;margin-bottom:15px;color:#333;font-weight: normal;cursor: pointer}
#navigation .point_sale{background-image: url('../../icon/point_sale_icon.png');background-repeat: no-repeat;padding-left:20px;background-position-y: 0px;}
#navigation .group{background-image: url('../../icon/group_icon.png');background-repeat: no-repeat;padding-left:20px;background-position-y: 0px;}

/*********************************************************************************************/
#panel{width:auto;margin-left:250px;}
#panel ._panel{float:left;width:100%;border-left:1px solid #EBEBEB;min-height: 600px;min-width:400px;}
#panel .__panel{}
#footer{}
